<template>
<div id="app">
    <div class="TOP">
        <el-page-header @back="goBack">
        </el-page-header>
    </div>
    <div class="TITLE">
        <img :src="logo">
        <span>{{title}}</span>
    </div>
</div>
</template>

<script>
export default {
  props: ['head'],
  data () {
    return {
      logo: require('@/assets/images/Login/logo.png'),
      title: this.head
    }
  },
  methods: {
    goBack () {
      this.$router.go(-1)
    }
  }
}
</script>
<style lang="scss">
.TOP {
    color: #E9BD7A;
}
.TITLE {
    img {
        vertical-align: middle;
        height: 2rem;
        width: auto;
        margin: 30px 10px 30px 30px;
    }
    span {
        font-family: 微软雅黑;
        font-weight: bold;
        font-size: 18px;
    }
}
</style>
